
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body
{
	margin: 50px 0px 0px 0px;
	padding: 0;
	background: #E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8F8F8F;
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
	font-weight: 200;
	color: #222222;
}

h2
{
	font-size: 3em;
}

p, ol, ul
{
	margin-top: 0px;
	padding: 0px;
}

p, ol
{
	line-height: 180%;
}

strong
{
}

a
{
	color: #5C5539;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border: none;
}

img.border
{
}

img.alignleft
{
	float: left;
}

img.alignright
{
	float: right;
}

img.aligncenter
{
	margin: 0px auto;
}

hr
{
	display: none;
}

/** WRAPPER */

#wrapper
{
	overflow: hidden;
	width: 960px;
	margin: 0px auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0,0,0,.3);
}

.container
{
	width: 960px;
	margin: 0px auto;
}

.clearfix
{
	clear: both;
}

/* Header */

#header-wrapper
{
	overflow: hidden;
	height: 150px;
	background: #FFFFFF;
}

#header
{
	width: 960px;
	height: 150px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* Logo */

#logo
{
	float: left;
	width: 350px;
	height: 100px;
	background: #FFFFFF;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#logo h1
{
	padding: 10px 10px 0px 10px;
	margin-top: 0px;	
	color: #44C1FF;
	letter-spacing: -2px;	
	font-weight: 700;
	text-decoration: none;
}

#logo h1 a
{
	text-decoration: none;
}

#logo p
{

	
	padding: 10px 10px 10px 10px;
	margin-top: 15px;	
	color: #44C1FF;
}

#logo a {
	color: #44C1FF;
}

/* Menu */

#menu
{
	float: right;
	width: 400px;
	height: 80px;
	padding: 20px 40px 0px 0px;
}

#menu ul
{
	float: right;
	margin: 0;
	padding: 40px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li
{
	float: left;
}

#menu a
{
	display: block;
	padding: 7px 20px 7px 20px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #757575;
}

#menu .current_page_item a
{
	background:#25A6E1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9;
	color:#fff;
}

/* Page */

#page-wrapper
{
	overflow: hidden;
}

#page
{
	overflow: hidden;
	width: 1120px;
	margin: 0px auto;
	padding: 50px 40px;
	color: #8F8F8F;
}



/** CONTENT */

#content
{
	float: left;
	width: 700px;
	padding: 0px 0px 0px 0px;
	margin-left: 50px;
}

#content h2
{
	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 22px;
	color: #222222;
}

#content .subtitle
{
	padding: 0px 0px 30px 0px;

	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #81AFC5;
}

/** SIDEBAR */

#sidebar
{
	float: left;
	width: 200px;
}

#sidebar h2
{
	padding: 0px 0px 30px 0px;
	letter-spacing: -1px;
	font-size: 2em;
}

/* Footer */

#footer
{
	height: 20px;
	margin: 0 auto;
	padding: 20px 0px 15px 0px;
}

#footer p
{
	text-shadow: 1px 1px 0px #FFFFFF;
	text-align: center;
	font-size: 12px;
	color: #4D565E;
}

#footer a
{
	color: #4D565E;
}

/* Three Column Footer Content */

#footer-wrapper
{
	background: #F1F2E9;
}

#footer-content
{
	overflow: hidden;
	width: 1120px;
	margin: 0px auto;
	padding: 10px 10px;
	color: #717171;
}



/* Button Style */

.button-style 
{
	margin-top: 30px;
	background:#25A6E1;
	border-radius: 5px;
	border:1px solid #1A87B9;
	color:#ffffff;
	display: inline-block;
	padding: 2px 5px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	width: 100px;
	float:center;
	margin-left: 60px;	
}

.button-style-cancel 
{
	margin-top: 30px;
	background:#C0C0C0;
	border-radius: 5px;
	border:1px solid #808080;
	color:#ffffff;
	display: inline-block;
	padding: 2px 5px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	width: 100px;
	margin-left: 20px;
	
}


/* List Style 1 */

ul.style1
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li
{
	padding: 20px 0px 20px 0px;
	border-top: 1px dashed #E6E7DC;
}

ul.style1 a
{
	text-decoration: none;
	color: #6B6B6B;
}

ul.style1 a:hover
{
	text-decoration: underline;
	color: #6B6B6B;
}

ul.style1 .first
{
	padding-top: 0px;
	border-top: none;
}

/* List Style 2 */

ul.style2
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li
{
	padding: 15px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style2 .first
{
	padding-top: 0px;
	border-top: none;
}

/* List style 3 */

ul.style3
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li
{
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style3 p
{
	margin: 0px;
	padding: 0px;
}

ul.style3 img
{
	float: left;
	margin-top: 3px;
	margin-right: 20px;
}

ul.style3 .posted
{
	padding: 10px 0px 10px 0px;
	font-size: 8pt;
	color: #A2A2A2;
}

ul.style3 .first
{
	padding-top: 0px;
	border-top: none;
}

/* Table Form */

.table-form
{
	width:400px;
}

.table-form td
{
	padding:10px 10px 0px 10px;
}

.table-view
{
	width:600px;
	color : #000000;
}

.table-view th
{
	background: #6B6B6B;
	padding:5px 10px 10px 10px;
	color : #FFFFFF;
}

.table-view tr
{
	
}

.table-view td
{
	padding:5px 10px 10px 10px;
	color : #0000000;
}
.id { width: 20px;}
.user { width : 50px;}
.small { width:100px;}
.edit { width:25px;}
.delete { width:25px;}
.even { background-color: #44C1FF; }
.odd { background-color: #FFFFFF; }
